<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title> MAGNETO Admin Skin</title>
			<link rel="stylesheet" type="text/css" href="css/jquery/jquery.ui.all.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/table_data.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/lightbox/style.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/style.css" title="style_blue" media="screen"/>
			<link rel="alternate stylesheet" type="text/css" href="css/style_green.css" title="style_green" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_red.css" title="style_red" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_purple.css" title="style_purple" media="screen" />
			
			<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
			<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
			<script type="text/javascript" src="js/jquery-ui-1.8.2.js"></script>
			<script type="text/javascript" src="js/jquery.validate.js" ></script>
			<script type="text/javascript" src="js/jquery.wysiwyg.js" ></script>
			<script type="text/javascript" src="js/jquery.dataTables.js"></script>
			<script type="text/javascript" src="js/jquery.flot.js"></script>
			<script type="text/javascript" src="js/jquery.flot.stack.js"></script>
			<script type="text/javascript" src="js/styleswitch.js"></script>
			<script type="text/javascript" src="js/jquery.fancybox-1.3.2.js"></script>
			<script type="text/javascript" src="js/custom.js"></script>
			<script type="text/javascript" src="js/custom_dashboard.js"></script>
	</head>
<body>
<div id="wrapper">

	<div id="content">
	
	<div class="column full">
	
	<span class="message information"><strong>Last login</strong> Thursday June 16th, 2010 at 06:02pm from 127.0.0.1</span>
	
	</div>
	
	
	<div class="column half fl">
	
		<div class="box themed_box">
		<h2 class="box-header"> At a Glance</h2>
		<div class="box-content typo">
			
			<ul class="width50 fl">
				<li><h3><i class="title"> Content </i></h3></li>
				<li><a href="#"><strong>15</strong> Posts</a></li>
				<li><a href="#"><strong>23</strong> Pages</a></li>
				<li><a href="#"><strong>8</strong> Category</a></li>
				<li><a href="#"><strong>5</strong> Tags</a></li>
			</ul>
			<ul class="width40 fl">
				<li><h3><i class="title"> Discussione </i></h3></li>
				<li><a href="#" ><strong>40</strong> Comments</a></li>
				<li><a class="approved" href="#"><strong>21</strong> Approved</a></li>
				<li><a class="pending" href="#"><strong>18</strong> Pending </a></li>
				<li><a class="spam" href="#"><strong>1</strong> Spam</a></li>				
			</ul>
			<div class="clear"></div>
		</div>
		</div>
		
		<div class="box">
		<h2 class="box-header">	Quick Post </h2>
		<div class="box-content">
			<label class="form-label"> title </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> tag </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> content </label>		
			<textarea id="wysiwyg" cols="" rows=""></textarea>
			<hr/>
			<a class="button grey fl" title="Save" href="#">save</a>
			<a class="button grey fl" title="Reset" href="#">reset</a>
			<a class="button themed fr" title="Public" href="#">public</a>
			<div class="clear"></div>
		</div>
		</div>
	
	</div>
	
	<div class="column half fr">

		<div class="box themed_box">
			<h2 class="box-header"> analytics </h2>
			<div class="box-content">
			<div id="bargraph" class="chart"></div>
			</div>
		</div>
	
		<div class="box">
		<h2 class="box-header"> Users - 500</h2>
		<div class="box-content typo">
		
			<a href="#" class="approved">Active <strong> 60% - 300</strong></a>
			<div class="progressbaractive"></div>
			<a href="#" class="pending">Pending <strong> 30% - 150</strong></a><br />
			<div class="progressbarpending"></div>
			<a href="#" class="spam">Suspended <strong> 10% - 50</strong></a><br />
			<div class="progressbarsuspended"></div>
			<div class="clear"></div>
		</div>
		</div>
	</div>
	
	<div class="clear"></div>

	</div>
	
	</div>
	<script type="text/javascript" src="${base}/js/zidei/foot.js"></script>
	</body>
</html>